/* CSS file */
Application {
   backgroundColor: #cccccc;
}

Panel {
   borderAlpha: 1;
   roundedBottomCorners: true;
   cornerRadius: 8;
   highlightAlphas: 0.34, 0.16;
   headerColors: #999999, #151515;
   borderColor: #333333;
   backgroundColor: #333333;
   shadowDistance: 0;
   dropShadowColor: #000000;
   titleStyleName: "mypanelTitle";
}

.mypanelTitle {
   color: #ffffff;
}


Button.whiteKey{
   cornerRadius: 4;
   highlightAlphas: 0, 0;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #ffffff, #EEEEEE, #ffffff, #CCCCCC ;
   color: #000000;
   textRollOverColor: #000000;
   textSelectedColor: #000000;
   borderColor: #666666;
   themeColor: #CCCCCC;
   shadowDistance: 0;
   dropShadowColor: #000000;

}
Button.blackKey{
   cornerRadius: 4;
   highlightAlphas: 0, 0;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #000000, #444444, #000000, #666666;
   color: #FFFFFF;
   textRollOverColor: #000000;
   textSelectedColor: #000000;
   borderColor: #666666;
   themeColor: #000000;
	
}
.bigButton{
width:50;
height:50;
cornerRadius:25;
fillColors: #333333, #666666, #000000, #333333;
}
.midButton{
width:45;
height:50;
cornerRadius:25;
}
.litButton{

}
Label{color: #ffffff;}

VSlider {
   labelOffset: -8;
   thumbOffset: -1;
   dataTipOffset: 0;
   tickLength: 4;
   tickThickness: 0;
   tickColor: #ffffff;
   showTrackHighlight: false;
   invertThumbDirection: false;
   borderColor: #999999;
   trackColors: #000000, #666666;
   themeColor: #333333;
   fillAlphas: 1, 1, 1, 1;
   labelStyleName: "myvSliderLabelStyle";
}

.myvSliderLabelStyle {
   color: #ffffff;
}